.c-chrome
  background #fff
  border-radius 2px
  box-shadow 0 0 2px rgba(0,0,0,.3), 0 4px 8px rgba(0,0,0,.3)
  box-sizing initial
  width 225px
  font-family Menlo
  .chrome-body
    padding 16px 16px 12px
  .saturation-wrap
    width 100%
    padding-bottom 55%
    position relative
    border-radius 2px 2px 0 0
    overflow hidden
    .circle
      width 12px
      height 12px
  .controls
    display flex
    .c-hue
    .c-alpha
      border-radius 2px
    .color-wrap
      width 32px
    .active-color
      margin-top 6px
      width 16px
      height 16px
      border-radius 8px
      position relative
      overflow hidden
    .sliders
      flex 1
      .picker
        width 12px
        height 12px
        border-radius 6px
        transform translate(-6px, -2px)
        background-color rgb(248, 248, 248)
        box-shadow 0 1px 4px 0 rgba(0, 0, 0, 0.37)
    .hue-wrap
      position relative
      height 10px
      margin-bottom 8px
    .alpha-wrap
      position relative
      height 10px
  .fields-wrap
    padding-top 16px
    display flex
  .fields
    display flex
    margin-left -6px
    flex 1
  .field
    padding-left 6px
    width 100%
  .toggle-btn
    width 32px
    text-align right
    position relative
  .icon
    margin-right -4px
    margin-top 12px
    cursor pointer
    position relative
    z-index 2
  .icon-highlight
    position absolute
    width 24px
    height 28px
    background #eee
    border-radius 4px
    top 10px
    left 12px
  
  .fields
    .input
      font-size 11px
      color #333
      width 100%
      border-rradius 2px
      border none
      box-shadow inset 0 0 0 1px #dadada
      height 21px
      text-align center
    .label
      text-transform uppercase
      font-size 11px
      line-height 11px
      color #969696
      text-align center
      display block
      margin-top 12px
